Librería escrita en JavaScript para manipular documentos basándose en datos.
Librería escrita en JavaScript para manipular documentos basándose en datos.
Librería escrita en JavaScript para manipular documentos basándose en datos.
NO es una librería de visualización de alto nivel.
const grafico_de_barra = crear(); // ❌
grafico_de_barra.graficar(); // ❌
NO es una librería de visualización de alto nivel.
const grafico_de_barra = crear(); // ❌
grafico_de_barra.graficar(); // ❌
Son herramientas para crear visualizaciones 🔨🔧🔩⚒️⚙️.
Utilizaremos la versión 5 en el curso.
👀 con encontrar recursos y ejemplos escritos en la versión 3 o 4.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo con D3</title>
<script src="https://d3js.org/d3.v5.min.js"></script>
</head>
<body>
<script src='programa_4.js' charset='utf-8'></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo con D3</title>
<script src="./ruta/en/computador/d3.v5.min.js"></script>
</head>
<body>
<script src='programa_4.js' charset='utf-8'></script>
</body>
</html>
const svg = d3.select("body").append("svg");
const datos = [150, 256, 130, 0, 23, 422, 235];
svg.attr("width", 50 + datos.length * 100).attr("height", 500);
svg
.selectAll("rect")
.data(datos)
.enter()
.append("rect")
.attr("width", 50)
.attr("fill", "magenta")
.attr("height", (d) => d)
.attr("x", (_, i) => 50 + i * 100);